<template>
	<view>
		<view class="wrap">
			<view @click="screeningTap" class="navbar-right">
				<text>筛选</text>
			</view>
			<swiper class="swiper-box">
				<swiper-item class="swiper-item">
					<view class="wrap-count">
						<text>待接单统计</text>
						<view class="">
							<view class="">
								<text>总车数</text>
								<view>{{ djd }}</view>
							</view>
						</view>
					</view>
					<scroll-view scroll-y style="height: 100%;width: 100%;" @scrolltolower="reachBottom">
						<view class="page-box" style="background-color: #E3E3E3;">
							<view class="order" v-for="(res, index) in orderList" :key="index">
								<view class="top">
									<view class="left">
										<view class="store">
											发布时间：{{ res.ORMTB460CA11 || '' }}</view>
									</view>
									<view class="right" @click="getopsxinxi(res)">查看位置</view>
								</view>
								<view class="item">
									<view class="content">
										<view class="che-leixing">
											<text class="huo-yun-biaoqian">货运</text>
											<text>{{ res.ORMTB460CA02 }}</text>
											<text style="padding-left: 20rpx;">可接车数：{{ res.ORMTB460CA10 }}车</text>
										</view>
										<view class="title u-line-2"><text class="zhuang-huo-dizhi">装</text>
											{{ res.ORMTB460CA04 }}
										</view>
										<view class="title u-line-2">
											<text class="xie-huo-dizhi">卸</text>{{ res.ORMTB460CA01 }}
										</view>
										<view class="type" style="padding: 20rpx 0;">
											<text>物料类型：{{ res.ORMTB460CA06 }}</text>
										</view>
										<view class="type">
											<view class="">
												<text>运费每吨：</text>
												<text>{{ res.ORMTB460CA09 }}元</text>
											</view>
										</view>
										<view v-if="res.ORMTB460CA24" class="type" style="padding: 20rpx 0;">
											<text>备注：{{ res.ORMTB460CA24 }}</text>
										</view>
										<u-button @click="jdFun(res)" type="primary" class="btn_mid">接单
										</u-button>
									</view>
								</view>
							</view>
						</view>
						<view class="sendorder-loadmore">
							<u-loadmore v-if="orderList.length != 0" :status="status" :icon-type="iconType" :load-text="loadText" />
						</view>
						<view class="zanWSJ" v-if="orderList.length == 0">
							<image :src="getStaticFilePath('/QXY/noData.png')"></image>
						</view>
						<view class="" style="height: 160px;"></view>
					</scroll-view>
				</swiper-item>
			</swiper>
		</view>
		<u-popup v-model="screeningshow" length="80%" mode="right" @close="screeningClose">
			<view class="screening-content">
				<view class="sendrecord-nav-placeholder"
					:style="{ height: Number(navHeight) + Number(systemInfo.statusBarHeight) + 'px' }">
				</view>
				<view class="">
					<view class="sent-changeDate">
						<view class="sent-changeDate-text">
							<view>请选择查询日期</view>
							<u-radio-group v-model="type">
								<u-radio name="1" shape="circle" label-size="24">按发布时间</u-radio>
								<!-- <u-radio name="2" shape="circle" label-size="24">按结算时间</u-radio> -->
							</u-radio-group>
						</view>
						<view class="sent-dateChange">
							<view class="sent-startDate " :class="dateStartStr != '' ? 'sent-startDate-active' : ''"
								@click="stattimeshow = true">
								<text>{{ dateStartStr || '请选择开始时间' }}</text>
							</view>
							<view class="dateLine"></view>
							<view class="sent-startDate " :class="dateEndStr != '' ? 'sent-startDate-active' : ''"
								@click="endtimeshow = true">
								<text>{{ dateEndStr || '请选择结束时间' }}</text>
							</view>
						</view>
					</view>
					<view class="changeWuliao">
						<view>企业</view>
						<view class="sent-dateChange sent-dateChange-mask">
							<view class="" @click="erpshow = true"></view>
							<input class="kehuName" v-model="enterpriseName" :class="{ orActive: enterpriseName != '全部' }"
								readonly="readonly" placeholder="请选择账户">
						</view>
					</view>
					<view class="changeQiye">
						<view class="xuanzeqiye">请选择物料</view>
						<view class="sent-dateChange sent-dateChange-mask">
							<view class="" @click="matershow = true"></view>
							<input class="kehuName" readonly="readonly" placeholder="请选择物料" v-model="materName"
								:class="{ orActive: materName != '全部' }">
						</view>
					</view>
					<view class="changeButton">
						<button @click="initChanged">重置</button>
						<button @click="sureSearch">确定</button>
					</view>
				</view>
			</view>
		</u-popup>
		<u-picker mode="selector" v-model="erpshow" @confirm="erpcfirm" range-key="cateName" :default-selector="[0]"
			:range="erpcColumns"></u-picker>
		<u-picker v-model="stattimeshow" mode="time" start-year="2015" :end-year="year" @confirm="tiemconfirm"
			:params="params"></u-picker>
		<u-picker v-model="endtimeshow" mode="time" start-year="2015" :end-year="year" @confirm="endtiemconfirm"
			:params="params"></u-picker>
		<u-picker mode="selector" v-model="matershow" range-key="cateName" @confirm="materfirm" :default-selector="[0]"
			:range="materColumns"></u-picker>
		<u-popup v-model="carshow" length="100%" mode="right">
			<view class="car-search">
				<view class="sendrecord-nav-placeholder"
					:style="{ height: Number(optionHeight) + Number(navHeight) + Number(systemInfo.statusBarHeight) + 'px' }">
				</view>
				<view class="car-search-fixed">
					<view class="sendrecord-nav-top-status-bar"
						:style="{ height: Number(systemInfo.statusBarHeight) + Number(navHeight) + 'px' }">
					</view>
					<view class="car-search-top" :style="{ height: optionHeight + 'px' }">
						<view class="car-search-top-title">
							<view class="" @click="carshow = false">
								返回
							</view>
							<view class="car-search-top-title-search" @click="carKeyWordshow = true">
								<view class="">
								</view>
								<u-search class="car-search-top-title-search-box" :clearabled="false" :show-action="false"
									placeholder="请输入车牌号" v-model="carkeyword"></u-search>
							</view>
						</view>
					</view>
				</view>
				<view class="car-search-li" v-for="(item, index) in carList" :key="index" @click="carresultTap(item)">
					{{ item.SETTB402CA00 }}
				</view>
			</view>
		</u-popup>
		<u-keyboard mode="car" @change="valChange" @backspace="backspace" v-model="carKeyWordshow" :mask="false">
		</u-keyboard>
		<u-toast ref="uToast" />

		<u-popup v-model="showCJ" mode="center" :closeable="true" border-radius="10" @close="closeCJ" @open="openCJ"
			length="80%" :mask-close-able="false">
			<view class="tanchuang" style="padding:30rpx;">
				<view class="" style="text-align: center; font-size: 40rpx;">
					<text>车牌校验</text>
				</view>
				<view style="padding-bottom: 30rpx;padding-top: 20rpx;">
					<!-- <text>别忘记每天抽奖哦！</text> -->

					<view class="addCar-carName-phone" style="font-size: 32rpx;">
						<!-- <text class="addCar-phone">车牌号：</text> -->
						<!-- <input class="addCar-input-one" type="text" v-model="carNumberIpt"/> -->
						<view class="addCar-phone-car" @click="boardClick">
							{{ carNumberIpt }}
							<text></text>
							<i class="addCar-phone-placeholder" v-if="carNumberIpt == ''">请输入车牌号</i>
						</view>
						<!-- <text @click="carShowFun" style="color: rgba(0, 161, 244, 1);">历史车牌</text> -->
					</view>

					<view class="cpxy-main" v-if="carListxy">
						<view class="addCar-carName-phone" style="display:grid; grid-template-columns: 2fr 1fr; font-size: 32rpx;">
							<!-- <input class="addCar-input-one" type="text" v-model="carNumberIpt"/> -->
							<view class="addCar-xy-car" v-for="(item, index) in carListxy">
								{{ item.carPlate }}
								<text v-if="item.carPlate" @click="delCar(item)" style="padding-left:6rpx; color:#FF0000;">删除</text>
							</view>

						</view>
					</view>

				</view>
				<view class="but-lj-lq">
					<u-button @click="funBut" style="width: 60%;" class="sub-lq" type="success">确定</u-button>
				</view>
			</view>
		</u-popup>
		<u-keyboard ref="uKeyboard" mode="car" @change="carValChange" @confirm="sucAdd" @backspace="carBackspace"
			v-model="carshow1" :mask="false" :mask-close-able="false"></u-keyboard>
	</view>
</template>

<script>
import {
	checkOpenGPSServiceByAndroid
} from '../../../util/map.js';
export default {
	data() {
		return {
			screeningshow: false,
			type: '', // 1 派单时间 2 结算时间
			//订单列表
			orderList: [],
			status: 'loading',
			iconType: 'flower',
			loadText: {
				loadmore: '轻轻上拉',
				loading: '努力加载中',
				nomore: '实在没有了'
			},
			countpage: 1,
			page: 1,
			userinfo: JSON.parse(uni.getStorageSync('userinfo')),
			dataStatisCount: [],
			totalWeight: 0,
			totalAmount: 0,
			totalCarCount: 0,
			params: {
				year: true,
				month: true,
				day: true,
				hour: true,
				minute: true,
				second: true
			},
			year: '',
			systemInfo: uni.getSystemInfoSync(),
			navHeight: '',
			optionHeight: 35,
			enterpriseName: '全部',
			erpshow: false,
			erpId: '',
			erpcColumns: [],
			stattimeshow: false,
			endtimeshow: false,
			dateStartStr: '',
			dateEndStr: '',
			materName: '全部',
			matershow: false,
			materColumns: [],
			materId: '',
			carshow: false,
			carkeyword: '',
			carKeyWordshow: false,
			carList: [],
			carListxy: [],
			ordercoutObj: '',
			djd: '',
			carNumberIpt: '',
			xycpObj: {},
			showCJ: false,
			carshow1: false
		};
	},
	created() {
		var data = new Date()
		this.year = data.getFullYear()
		this.systemInfo = uni.getSystemInfoSync()
		this.navHeight = this.systemInfo.platform == 'ios' ? 44 : 48;
		this.page = 1
		this.countpage = 1
		this.queryList()
		this.queyrErp()
	},
	onPullDownRefresh() {
		this.page = 1
		this.countpage = 1
		this.queryList()
		this.dateStartStr = ''
		this.dateEndStr = ''
	},
	methods: {
		getopsxinxi(item) {
			// console.log(item)
			checkOpenGPSServiceByAndroid()
			uni.getLocation({
				type: 'gcj02', //返回可以用于uni.openLocation的经纬度
				success: function (res) {
					// console.log(res)
					const latitude = item.ORMTB460CA23;
					const longitude = item.ORMTB460CA22;
					uni.openLocation({
						latitude: latitude,
						longitude: longitude,
						scale: 10,
						name: item.ORMTB460CA01,
						address: item.ORMTB460CA21,
						success: function () {
							console.log('success');
						}
					});
				}
			});
		},
		openCJ() {
			this.showCJ = true
		},
		closeCJ() {
			this.showCJ = false
			this.carListxy = []
		},
		funBut() {
			if (this.carListxy.length == 0) {
				this.$refs.uToast.show({
					title: '请输入车牌',
					type: 'default',
					icon: false
				})
				return
			}
			uni.showLoading({
				title: '提交中...',
				mask: true
			});
			var ORMTB400ID = ''
			var ORMTB400CA00 = ''
			var ORMTB410ID = ''
			var ORMTB440CA26 = ''
			var PERTB005ID = ''
			var ORMTB410CA02 = ''
			if (this.userinfo.sign == 'CUS-1') {
				ORMTB400ID = this.userinfo.ORMTB400ID
				ORMTB400CA00 = this.userinfo.ORMTB400CA00
			} else if (this.userinfo.sign == 'CUS-2') {
				ORMTB410ID = this.userinfo.ORMTB410ID
				ORMTB400ID = this.userinfo.ORMTB400ID
				PERTB005ID = this.userinfo.PERTB005ID
				ORMTB410CA02 = this.userinfo.ORMTB410CA02
				// ORMTB410CA01=this.userinfo.ORMTB410CA01
			} else if (this.userinfo.sign == 'CUS-3') {
				ORMTB440CA26 = this.userinfo.ORMTB417ID
				PERTB005ID = this.userinfo.PERTB005ID
				ORMTB410ID = this.userinfo.ORMTB410ID
				ORMTB410CA02 = this.userinfo.ORMTB410CA02
			}
			uni.request({
				url: this.baseUrl + '/orm/ormtb460/acceptOrmtb460',
				method: 'POST',
				dataType: 'json',
				data: {
					ORMTB460ID: this.xycpObj.ORMTB460ID,
					ORMTB410CA00: ORMTB410ID,
					PERTB005ID: PERTB005ID,
					ORMTB410CA02: this.xycpObj.ORMTB410ID,
					ormtb461List: this.carListxy
				},
				success: (res) => {
					// console.log(res);
					uni.hideLoading();
					if (res.data.code == 200) {
						this.carshow1 = false
						this.carListxy = []
						uni.showToast({
							title: res.data.data.message,
							type: 'default',
							icon: false
						})
					} else {
						uni.showToast({
							title: res.data.message,
							type: 'default',
							icon: false
						})
					}
				},
				fail: (res) => {
					// console.log(res)
					uni.hideLoading();
					uni.showToast({
						title: res.errMsg,
						type: 'default',
						icon: false
					})
				}
			});
		},
		boardClick() {
			this.carshow1 = true
		},
		carValChange(val) {
			// 将每次按键的值拼接到carNumberIpt变量中，注意+=写法
			this.carNumberIpt += val;
		},
		carBackspace() {
			// 删除carNumberIpt的最后一个字符
			if (this.carNumberIpt.length) this.carNumberIpt = this.carNumberIpt.substr(0, this.carNumberIpt.length -
				1);
		},
		sucAdd(e) {
			// console.log(this.carNumberIpt)
			//车牌号
			var regC =
				/^(([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领])|([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][0-9]{2}([0-9]|[A-Z]){5}))$/;
			if (!regC.test(this.carNumberIpt)) return uni.showToast({
				title: '车牌号格式不正确，请检查',
				duration: 5000,
				icon: 'none',
			});
			else {
				this.carListxy.push({
					carPlate: this.carNumberIpt
				})
				this.carNumberIpt = ''
			}
		},
		delCar(item) {
			this.carListxy = this.carListxy.filter((i) => {
				return i != item
			})
		},
		reachBottom() {
			if (this.page == this.countpage) {
				return this.status = "nomore"
			}
			this.page++
			this.queryList()
		},
		detiles(item) {
			uni.navigateTo({
				url: '/pages/SOdetiles/index?ORMTB440ID=' + item.ORMTB440ID + '&type=' + item.ORMTB440CF01
			})
		},
		screeningClose() {
			if (this.screeningIsInit == false) {
				var obj = JSON.parse(this.screeningObj)
				this.dateStartStr = obj.dateStartStr
				this.dateEndStr = obj.dateEndStr
				this.enterpriseName = obj.enterpriseName
				this.erpId = obj.erpId
				this.materName = obj.materName
				this.materId = obj.materId
			}
		},
		initChanged() {
			this.type = ''
			this.dateStartStr = ''
			this.dateEndStr = ''
			this.enterpriseName = '全部'
			this.materName = '全部'
			this.erpId = ''
			this.materId = ''
		},
		sureSearch() {
			if (this.dateEndStr != '' || this.dateStartStr != '' || this.type != '') {
				if (this.dateEndStr != '' && this.dateStartStr != '' && this.type != '') {

				} else {
					if (this.type == '') {
						this.$refs.uToast.show({
							title: '请勾选发布时间',
							type: 'default',
							icon: false
						})
						return
					}
					this.$refs.uToast.show({
						title: '请选择开始时间或结束时间',
						type: 'default',
						icon: false
					})
					return
				}
			}
			this.screeningIsInit = true
			this.screeningshow = false
			this.queryList()
		},
		screeningTap() {
			this.screeningshow = true
			if (this.screeningIsInit == true) this.screeningIsInit = false
			var obj = {
				dateStartStr: this.dateStartStr,
				dateEndStr: this.dateEndStr,
				enterpriseName: this.enterpriseName,
				erpId: this.erpId,
				materName: this.materName,
				materId: this.materId,
			}
			this.screeningObj = JSON.stringify(obj)
		},
		erpcfirm(e) {
			this.enterpriseName = this.erpcColumns[e].cateName
			this.erpId = this.erpcColumns[e].id
			if (this.erpId == '') {
				return
			}
			this.queryGwcList()
		},
		tiemconfirm(e) {
			this.dateStartStr = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second
		},
		endtiemconfirm(e) {
			this.dateEndStr = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second
		},
		materfirm(e) {
			this.materName = this.materColumns[e].cateName
			this.materId = this.materColumns[e].id
		},
		valChange(val) {
			if (val == 'I') return
			if (val == 'O') return
			this.carkeyword += val;
			this.querycar()
		},
		backspace() {
			if (this.carkeyword.length) this.carkeyword = this.carkeyword.substr(0, this.carkeyword.length - 1);
			this.querycar()
		},
		carresultTap(item) {
			this.carshow = false
			this.carkeyword = ''
			this.orderList = []
			this.page = 1
			this.countpage = 1
			this.ordercoutObj = ''
			this.dateStartStr = ''
			this.dateEndStr = ''
			this.queryList()
		},
		jdFun(item) {
			var str = JSON.stringify(item)
			uni.setStorageSync('materInfo', str);
			uni.navigateTo({
				url: '/pages/socarJd/index?xqId=' + item.ORMTB460ID
			})
		},
		querycar() {
			uni.showLoading({
				title: '加载中...',
				mask: true
			});
			this.carList = [{
				SETTB402CA00: '全部车牌号'
			}]
			if (this.userinfo.sign == 'CUS-1') {
				var ID = this.userinfo.ORMTB400ID
			} else if (this.userinfo.sign == 'CUS-2' || this.userinfo.sign == 'CUS-3') {
				var ID = this.userinfo.ORMTB410ID
			}
			uni.request({
				url: this.baseUrl + '/orm/ormtb440/selectSettb402',
				method: 'POST',
				dataType: 'json',
				data: {
					sign: this.userinfo.sign,
					SETTB402CA00: this.carkeyword,
					ID: ID,
				},
				success: (res) => {
					// console.log(res);
					uni.hideLoading();
					if (res.data.code == 200) {
						var data = res.data.data || []
						data.unshift({
							SETTB402CA00: '全部车牌号'
						})
						this.carList = data
					} else {
						this.$refs.uToast.show({
							title: res.data.message,
							type: 'default',
							icon: false
						})
					}
				},
				fail: (res) => {
					// console.log(res)
					uni.hideLoading();
					this.$refs.uToast.show({
						title: res.errMsg,
						type: 'default',
						icon: false
					})
				}
			});
		},
		queyrErp() {
			uni.showLoading({
				title: '加载中...',
				mask: true
			});
			this.enterpriseName = '全部'
			this.erpId = ''
			this.erpcColumns = [{
				cateName: '全部',
				id: ''
			},]
			uni.request({
				url: this.baseUrl + '/orm/ormtb440/selectAllSettb99',
				method: 'POST',
				dataType: 'json',
				data: {
					ORMTB400ID: this.userinfo.ORMTB400ID,
				},
				success: (res) => {
					// console.log(res);
					uni.hideLoading();
					if (res.data.code == 200) {
						var data = res.data.data || []
						data.forEach(item => {
							this.erpcColumns.push({
								cateName: item.settb99CA00,
								id: item.settb99ID
							})
						})
						if (this.erpcColumns.length == 2) {
							this.enterpriseName = this.erpcColumns[1].cateName
							this.erpId = this.erpcColumns[1].id
							this.queryGwcList()
						}
					} else {
						this.$refs.uToast.show({
							title: res.data.message,
							type: 'default',
							icon: false
						})
					}
				},
				fail: (res) => {
					uni.hideLoading();
					this.$refs.uToast.show({
						title: res.errMsg,
						type: 'default',
						icon: false
					})
				}
			});
		},
		queryGwcList() {
			this.materName = '全部'
			this.materId = ''
			this.materColumns = [{
				cateName: '全部',
				id: ''
			},]
			uni.request({
				url: this.baseUrl + '/orm/ormtb440/selectAllSettb109',
				method: 'POST',
				dataType: 'json',
				data: {
					SETTB99ID: this.erpId, //二级企业代码
					sign: 'CUS-1',
				},
				success: (res) => {
					// console.log(res);
					uni.hideLoading();
					if (res.data.code == 200) {
						var data = res.data.data || []
						data.forEach(item => {
							this.materColumns.push({
								cateName: item.settb109CA00,
								id: item.settb109ID
							})
						})
					} else {
						this.$refs.uToast.show({
							title: res.data.success,
							type: 'default',
							icon: false
						})
					}
				},
				fail: (res) => {
					uni.hideLoading();
					this.$refs.uToast.show({
						title: res.errMsg,
						type: 'default',
						icon: false
					})
				}
			});
		},
		//查询待接单列表
		queryList() {
			uni.showLoading({
				title: '加载中...',
				mask: true
			});
			var ORMTB410ID = ''
			if (this.userinfo.sign == 'CUS-2' || this.userinfo.sign == 'CUS-3') {
				ORMTB410ID = this.userinfo.ORMTB410ID
			}
			var ORMTB417ID = ''
			if (this.userinfo.sign == 'CUS-3') {
				ORMTB417ID = this.userinfo.ORMTB417ID
			}
			this.queryDataList = [];
			uni.request({
				url: this.baseUrl + '/orm/ormtb460/selectAllList',
				method: 'POST',
				dataType: 'json',
				data: {
					ORMTB460CA03: this.erpId, //二级企业代码
					ORMTB410ID: ORMTB410ID, //二级客户代码
					// sign: this.userinfo.sign,
					ORMTB460CA05: this.materId, //物料ID
					type: this.type, // 按发布时间
					startTime: this.dateStartStr, //开始时间
					endTime: this.dateEndStr, //结束时间
					// ORMTB417ID: ORMTB417ID,
					limit: 10,
					page: this.page
				},
				success: (res) => {

					uni.hideLoading();
					if (res.data.code == 200) {
						if (!res.data.data || res.data.data == null) {
							this.orderList = []
							this.page = 1
							this.countpage = 1
							return
						}
						let getUserinfo = uni.getStorageSync('userinfo')
						let getUserinfoParse = JSON.parse(getUserinfo)
						getUserinfoParse.ORMTB410CB04 = res.data.data.ORMTB410CB04
						let getUserinfoStringify = JSON.stringify(getUserinfoParse)
						uni.setStorageSync('userinfo', getUserinfoStringify)
						this.userinfo = JSON.parse(uni.getStorageSync('userinfo'))
						var data = res.data.data.list || []
						this.djd = res.data.data.djd
						if (this.page > 1) {
							this.orderList = [...this.orderList, ...data]
						} else {
							this.orderList = data

						}
						this.orderList.forEach(item => {
							if (item.ORMTB440CF01 == '-1') {
								item.ORMTB440CF01text = '取消'
							} else if (item.ORMTB440CF01 == '0') {
								item.ORMTB440CF01text = '待接单'
							} else if (item.ORMTB440CF01 == '1') {
								item.ORMTB440CF01text = '待提货'
							} else if (item.ORMTB440CF01 == '2') {
								item.ORMTB440CF01text = '提货中'
							} else if (item.ORMTB440CF01 == '3') {
								item.ORMTB440CF01text = '完成'
							} else if (item.ORMTB440CF01 == '4') {
								item.ORMTB440CF01text = '已回执'
							} else if (item.ORMTB440CF01 == '5') {
								item.ORMTB440CF01text = '确认回执'
							} else if (item.ORMTB440CF01 == '-2') {
								item.ORMTB440CF01text = '申请取消'
							}
							if (item.ORMTB440CH01 == '0') {
								item.auditText = '未审核'
							} else if (item.ORMTB440CH01 == '1') {
								item.auditText = '通过'
							} else if (item.ORMTB440CH01 == '2') {
								item.auditText = '拒绝'
							}
							if (item.ORMTB440CG00 == '0') {
								item.ORMTB440CG00Text = '未审核'
							} else if (item.ORMTB440CG00 == '1') {
								item.ORMTB440CG00Text = '通过'
							} else if (item.ORMTB440CG00 == '2') {
								item.ORMTB440CG00Text = '拒绝'
							}
						})
						this.countpage = Math.ceil(res.data.count / 10)
						this.ordercoutObj = res.data.data.count
					} else {
						this.ordercoutObj = ''
						this.orderList = []
						this.page = 1
						this.countpage = 1
						this.$refs.uToast.show({
							title: res.data.message,
							type: 'default',
							icon: false
						})
					}
					if (this.countpage == this.page) {
						this.status = "nomore"
					} else {
						this.status = "loadmore"
					}
					uni.stopPullDownRefresh();
				},
				fail: (res) => {
					uni.stopPullDownRefresh();
					if (this.countpage == this.page) {
						this.status = "nomore"
					} else {
						this.status = "loadmore"
					}
					uni.hideLoading();
					this.$refs.uToast.show({
						title: res.errMsg,
						type: 'default',
						icon: false
					})
				}
			});
		},
	}
};
</script>
<style lang="scss" scoped>
.navbar-right {
	width: 100rpx;
	position: relative;
	margin: -68rpx 0 16rpx 640rpx;
	z-index: 999;
}

.wrap-count {
	margin: 20rpx 20rpx 0;
	border-radius: 10rpx;
	background-color: #FFF;
	padding: 20rpx 0;
}

.wrap-count>text {
	padding: 0 30rpx;
	font-size: 36rpx;
}

.wrap-count>view {
	display: flex;
	padding: 20rpx 60rpx;
	justify-content: space-between;
}

.wrap-count>view>view {
	// flex: .7;
	font-size: 36rpx;
}

.wrap-count>view>view>text {
	color: #999;
}

.wrap-count .wrap-count-money {
	// flex: 1;
}

.zanWSJ {
	padding-top: 200rpx;
}

.zanWSJ>image {
	display: block;
	margin: 0 auto;
	height: 360rpx;
	width: 43%;
}

.code-img {
	width: 500rpx;
	height: 500rpx;
	margin: 50rpx auto 0;
}

.code-img image {
	width: 500rpx;
	height: 500rpx;
}

.sendorder-loadmore {
	padding: 20rpx 0 20rpx 0;
}

page {
	height: 100%;
	background-color: #f2f2f2;
}

/*二维码弹出*/
.qc_show {
	padding: 25rpx 15rpx 15rpx 15rpx;

	.title {
		text-align: center;
		font-size: 33rpx;
		margin-bottom: 15rpx;
		font-weight: bold;
	}

	.info {
		font-size: 30rpx;
		text-align: center;
		color: #666;
	}
}

/* 顶部下拉*/
.dropdown_menu {
	padding: 24rpx 0;
	display: flex;
	justify-content: space-around;
	align-items: center;
	background-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1rpx;
	border-top-color: #e1e1e1;

	.icon_left_margin {
		margin-left: 20rpx;
	}
}

.order {
	width: 710rpx;
	background-color: #ffffff;
	margin: 20rpx auto;
	border-radius: 20rpx;
	box-sizing: border-box;
	padding: 40rpx 20rpx;
	// font-size: 32rpx;

	.top {
		display: flex;
		justify-content: space-between;
		border-bottom-width: 1rpx;
		border-bottom-color: #eee;
		border-bottom-style: solid;
		padding-bottom: 20rpx;

		.left {
			display: flex;
			align-items: center;

			.store {
				margin: 0 10rpx;
				font-size: 32rpx;
				color: #666;
			}
		}

		.right {
			color: #058cff;
		}
	}

	.item {
		// display: flex;
		margin: 20rpx 0 0;

		.left {
			margin-top: 30rpx;
			margin-right: 30rpx;
			text-align: center;

			.license_plate {
				width: 130rpx;
				text-align: center;
				font-size: 26rpx;
				margin-top: 10rpx;
			}
		}

		.content {
			.title {
				// font-size: 32rpx;
				line-height: 50rpx;
			}

			.type {
				display: flex;
				justify-content: space-between;
				margin: 10rpx 0;
				// font-size: 32rpx;
				color: #303133;
			}

			.btn_mid {
				margin-left: 490rpx;
				margin-top: -56rpx;
				padding: 0rpx 25rpx;
				height: 70rpx;
				width: 180rpx;
				top: 30rpx;
			}
		}
	}

	.total {
		margin-top: 20rpx;
		text-align: right;
		font-size: 24rpx;

		.total-price {
			font-size: 32rpx;
		}
	}

	.bottom {
		display: flex;
		margin-top: 40rpx;
		padding: 0 10rpx;
		justify-content: space-between;
		align-items: center;

		.btn {
			line-height: 52rpx;
			width: 160rpx;
			border-radius: 26rpx;
			border: 2rpx solid $u-border-color;
			font-size: 26rpx;
			text-align: center;
			color: $u-type-info-dark;
		}

		.evaluate {
			color: $u-type-warning-dark;
			border-color: $u-type-warning-dark;
		}
	}
}

.centre {
	text-align: center;
	margin: 200rpx auto;
	font-size: 32rpx;

	image {
		width: 164rpx;
		height: 164rpx;
		border-radius: 50%;
		margin-bottom: 20rpx;
	}

	.tips {
		font-size: 24rpx;
		color: #999999;
		margin-top: 20rpx;
	}

	.btn {
		margin: 80rpx auto;
		width: 200rpx;
		border-radius: 32rpx;
		line-height: 64rpx;
		color: #ffffff;
		font-size: 26rpx;
		background: linear-gradient(270deg, rgba(249, 116, 90, 1) 0%, rgba(255, 158, 1, 1) 100%);
	}
}

.wrap {
	display: flex;
	flex-direction: column;
	height: calc(100vh - var(--window-top));
	width: 100%;
	background-color: #E3E3E3;
}

.swiper-box {
	flex: 1;
	// margin-bottom: 39px;
}

.swiper-item {
	height: 100%;
}

.sendrecord {
	min-height: 100vh;
	width: 100vw;
	background-color: #efeff4;
}

.sendrecord-nav-fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	background-color: #FFF;
}

.sendrecord-nav-top-navbar-inner {
	/* display: flex; */
	position: relative;
}

.sendrecord-nav-top-navbar-inner text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100rpx;
	text-align: center;
	font-size: 34rpx;
	z-index: 1;
}

.sendrecord-nav-top-navbar-inner view {
	flex: 1;
	text-align: center;
	font-size: 34rpx;
	font-weight: 600;
}

.sendrecord-nav-option {
	height: inherit;
	display: flex;
	font-size: 30rpx;
	color: #333;
	text-align: center;
	overflow: hidden;
}

.sendrecord-nav-option-rep {
	position: relative;
	flex: 1;
	padding: 0 55rpx 0 20rpx;
}

.sendrecord-nav-option-rep .iconxiala {
	position: absolute;
	top: 0;
	right: 0;
	height: inherit;
	line-height: inherit;
	font-size: 22rpx;
	margin-left: 10rpx;
	color: #999;
}

.sendrecord-nav-option-screening {
	flex: .35;
}

.sendrecord-nav-option-screening .iconshaixuan {
	font-size: 30rpx;
	margin-left: 10rpx;
}

.sendrecord-count {
	background-color: #fff;
}

.sendrecord-count-p {
	position: relative;
	border-radius: 20rpx 20rpx 0 0;
	height: 25vh;
	padding: 20rpx 40rpx;
	background-color: #efeff4;
}

.sendrecord-count-p image {
	width: 100%;
	height: 100%;
}

.sendrecord-count-p-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20rpx 70rpx;
	box-sizing: border-box;
}

.sendrecord-count-p-content-title {
	padding: 40rpx 0 30rpx 0;
	font-size: 32rpx;
	color: #ffd919;
}

.sendrecord-count-p-num {
	display: flex;
	color: #FFF;
	font-size: 30rpx;
}

.sendrecord-count-p-num>view>text {
	font-size: 26rpx;
	color: #e3e3e3;
}

.sendrecord-count-p-num-money,
.sendrecord-count-p-num-weight {
	flex: 1;
}

.sendrecord-count-p-num-time {
	flex: .5;
}

.sendrecord-table-content {
	padding: 0 30rpx;
}

.sendrecord-table-content-card {
	border-radius: 25rpx;
	background-color: #FFF;
	color: rgba(153, 153, 153, 1);
}

.sendrecord-table-content-card+.sendrecord-table-content-card {
	margin-top: 15rpx;
}

.sendrecord-table-content-card-title {
	display: flex;
	justify-content: space-between;
	height: 80rpx;
	line-height: 80rpx;
	padding: 0 30rpx;
	font-size: 30rpx;
	border-bottom: 1px solid rgba(230, 230, 230, 1);
	font-weight: 400;
}

.sendrecord-table-content-card-title-tiem {}

.sendrecord-table-content-card-title-details {
	font-size: 30rpx;
	color: rgba(0, 162, 243, 1);
}

.sendrecord-table-content-card-text {
	position: relative;
	display: flex;
	padding: 0 30rpx;
}

.sendrecord-table-content-card-text-image {
	position: absolute;
	left: 0;
	top: 2rpx;
	width: 120rpx;
	height: 70rpx;
}

.sendrecord-table-content-card-text-image>image {
	width: 100%;
	height: 100%;
	transform: rotate(-25deg);
}

.sendrecord-table-content-card-text-left {
	display: flex;
	align-items: center;
	margin-right: 40rpx;
	text-align: center;
}

.sendrecord-table-content-card-text-left .iconfont {
	font-size: 70rpx;
	color: rgba(102, 102, 102, 1);
}

.sendrecord-table-content-card-text-left-car {
	line-height: 50rpx;
	font-size: 26rpx;
	color: rgba(102, 102, 102, 1);
	font-weight: 400;
}

.sendrecord-table-content-card-text-right {
	flex: 1;
	color: #333;
	font-size: 26rpx;
	line-height: 40rpx;
	padding-bottom: 30rpx;
	font-weight: 400;
}

.sendrecord-table-content-card-text-right>view {
	margin-top: 10rpx;
	overflow: hidden;
}

.sendrecord-table-content-card-text-right-details {
	display: flex;
	justify-content: space-between;
}

.sendrecord-table-content-card-text-right-details text {
	display: inline-block;
	max-width: 200rpx;
	overflow: hidden;
}

.sendrecord-table-content-card-text-right-details text+text {
	margin-left: 20rpx;
}

.sent-changeDate-text {
	color: rgba(102, 102, 102, 1);
	font-size: 28rpx;
	padding-left: 42rpx;
}

.sent-dateChange {
	margin-top: 28rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-left: 42rpx;
	font-size: 26rpx;
}

.sent-dateChange-mask {
	position: relative;
}

.sent-dateChange-mask>view {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
}

.sent-startDate {
	width: 231rpx;
	height: 45rpx;
	border: 2rpx solid #e3e3e3;
	color: #e3e3e3;
	font-size: 26rpx;
	text-align: center;
	padding: 0 20rpx;
}

.sent-startDate-active {
	height: 77rpx;
	border-color: rgba(0, 161, 241, 0.5);
	color: rgba(0, 161, 241, 1);
}

.sent-startDate input {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: 0;
	border: 0;
	text-align: center;
}

.dateLine {
	width: 55rpx;
	height: 2rpx;
	background: rgba(205, 205, 205, 1);
}

.changeCarnum>view:first-child {
	color: rgba(102, 102, 102, 1);
	font-size: 28rpx;
	padding: 0 42rpx;
}

.carNumReset {
	width: 120rpx;
	text-align: center;
	color: rgba(0, 161, 241, 1);
	margin-left: 60rpx;
}

.electionMonth {
	width: 100rpx;
	height: 67rpx;
	line-height: 67rpx;
	text-align: center;
	background: rgba(0, 161, 241, 1);
	color: rgba(255, 255, 255, 1);
	border-radius: 6rpx;
	margin-left: 50rpx;
}

.changeQiye .xuanzeqiye {
	color: rgba(102, 102, 102, 1);
	font-size: 28rpx;
	padding: 0 42rpx;
}

.kehuName {
	width: 300rpx;
	height: 60rpx;
	line-height: 60rpx;
	border: 2rpx solid rgba(153, 153, 153, 0.5);
	color: rgba(153, 153, 153, 1);
	font-size: 26rpx;
	padding: 0;
	text-align: center;
}

.changeWuliao view:first-child {
	color: rgba(102, 102, 102, 1);
	font-size: 28rpx;
	padding: 0 42rpx;
}

.changeButton {
	display: flex;
	padding: 56rpx 30rpx 100rpx 39%;
}

.changeButton button {
	padding: 0;
	width: 223rpx;
	height: 60rpx;
	line-height: 60rpx;
	border-radius: 0;
	font-size: 30rpx;
	color: rgba(255, 255, 255, 1);
}

.changeButton button:first-child {
	background: rgba(0, 202, 243, 1);
}

.changeButton button:last-child {
	background: rgba(0, 161, 241, 1);
}

.sent-changeDate,
.changeCarnum,
.changeQiye,
.changeWuliao {
	width: 100%;
	border-bottom: 2rpx solid rgba(230, 230, 230, 1);
	padding: 42rpx 0;
}

.sent-dateChange-mask .orActive {
	color: rgba(0, 161, 241, 1) !important;
	border: 2rpx solid rgba(0, 161, 241, 1) !important;
}

.car-search-top-title {
	display: flex;
}

.car-search-top-title>view:first-child {
	width: 150rpx;
	height: 70rpx;
	line-height: 70rpx;
	text-align: center;
	font-size: 30rpx;
	color: #999;

}

.car-search-fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
	background-color: #fff;
}

.car-search-top-title-search {
	position: relative;
	flex: 1;
	padding: 0 40rpx 0 0;
}

.car-search-top-title-search>view {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 19;
}

.car-search-top-title-search-box {
	width: 90%;
}

.car-search-li {
	height: 70rpx;
	line-height: 70rpx;
	padding-left: 60rpx;
	font-size: 30rpx;
	color: #333;
	border-bottom: 2rpx solid #e3e3e3;
}

// 统计
.statistics-banner-box {
	width: 100%;
	height: 252rpx;
	padding: 10rpx 0;
	background-color: rgba(204, 204, 204, .3);
}

.statistics-banner-title-box {
	padding: 30rpx 0 50rpx 40rpx;
	background-color: #fff;
}

.statistics-banner-title {
	// margin: 60rpx 0 50rpx 40rpx;
	// margin: 60rpx 0 50rpx 40rpx;
	padding-bottom: 20rpx;
	font-size: 42rpx;
	color: rgba(51, 51, 51, 1);
}

.statistics-banner-list {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0 40rpx;
	flex-direction: row;
	align-items: center;
}

.statistics-banner-name {
	font-size: 26rpx;
	// color: rgba(255, 255, 255, .8);
}

.statistics-banner-number {
	font-size: 36rpx;
	// color: rgba(255, 255, 255, 1);
}

.ERcode-orderinfo {
	font-size: 36rpx;
	color: #333;
	margin-bottom: 65rpx;
	padding: 0 28rpx;
}

.ERcode-orderinfo>view {
	// height: 44rpx;
	line-height: 44rpx;
	overflow: hidden;
}

.ERcode-orderinfo-view {
	border-bottom: 2rpx solid #e3e3e3;
	padding-bottom: 20rpx;
}

.ERcode-orderinfo-view>text:first-child {
	font-size: 44rpx;
	font-weight: 600;
	width: 255rpx !important;
}

.ERcode-orderinfo>view+view {
	margin-top: 15rpx;
}

.ERcode-orderinfo text {
	display: inline-block;
	font-size: 36rpx;
	width: 190rpx;
	text-align: right;
	margin-right: 21rpx;
	color: #666;
}

uni-button:after {
	border: none;
}

.che-leixing {
	margin-bottom: 40rpx;
}

.huo-yun-biaoqian {
	background-color: #E3E3E3;
	border-radius: 10rpx;
	padding: 5rpx;
	margin-right: 20rpx;
}

.zhuang-huo-dizhi {
	background-color: #303133;
	color: #fff;
	border-radius: 50%;
	width: 50rpx;
	height: 50rpx;
	display: inline-block;
	font-size: 32rpx;
	text-align: center;
	margin-right: 10rpx;
	margin-bottom: 20rpx;
}

.xie-huo-dizhi {
	background-color: #2979ff;
	color: #fff;
	border-radius: 50%;
	width: 50rpx;
	height: 50rpx;
	display: inline-block;
	font-size: 32rpx;
	text-align: center;
	margin-right: 10rpx;
}

.but-caozuo {
	display: flex;
}

.cpxy-main {
	display: flex;
	justify-content: space-between;
	padding-top: 10px;
}

.addCar-xy-car {
	line-height: 60rpx;
	width: 220rpx;
}
</style>
